<template>
  <a-card class="system__module help">
    <h1 class="title mb-12">AX 帮助中心</h1>

    <a-card :bordered="false" :body-style="{ paddingTop: 0 }">
      <Resource></Resource>
    </a-card>
  </a-card>
</template>

<script setup lang="ts">
import Resource from './resource/Resource.vue';
</script>

<style lang="scss" scoped>
:deep(.ant-card) {
  box-shadow: none;
}
:deep(.ant-card-body) {
  height: 100%;
}

.card {
  :deep(.ant-card-body) {
    height: 200px;
    overflow-y: auto;
    padding: 8px;
  }
}
.border-right {
  border-right: 1px solid var(--border-color);
}
.banner {
  height: 160px;
  background-color: #88888825;
  margin-bottom: 8px;
  border-radius: var(--radius);
  font-size: 16px;
  padding: 0 12px;
}
.title {
  background-image: var(--linear-gradient);
  -webkit-background-clip: text;
  color: transparent;
  font-size: 32px;
  text-align: center;
}
</style>
